<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>购物车页面</title>
    <link rel="stylesheet" href="./css/public.css">
    <link rel="stylesheet" href="./css/cart.min.css">
    <script src="./js/jquery-3.6.0.js"></script>
    <script src="./js/cart.js"></script>
</head>

<body>
    <!-- 头部开始 -->
    <header>
        <div class="head main">
            <div class="logres">
                <span>聚美优品欢迎您,<a href="./login.html">登录</a>|<a href="./regist.html">免费注册</a></span>
            </div>
            <div class="logo">
                <img src="./images/cart/logo.jpg" alt="">
                <div class="jindu"></div>
            </div>
        </div>
    </header>
    <!-- 头部结束 -->

    <!-- 内容开始 -->
    <section class="main">
        <div class="Checkout">
            <div class="payment">
                <div class="icon"></div>
                <span>请在<span class="time">19分46秒</span>内去结账,并在下单后20分内完成支付[?]</span>
            </div>
            <div class="s-link">
                <div class="true">
                    <i></i>
                    <span>真品防伪码</span>
                </div>
                <div class="day">
                    <i></i>
                    <span>7天无条件退货</span>
                </div>
                <div class="shipping">
                    <i></i>
                    <span>美妆满2件或299元包邮</span>
                </div>
            </div>
        </div>
        <div class="cartTable">
            <table>
                <thead>
                    <tr>
                        <th class="cart_overview">
                            <div>
                                <input type="checkbox" name="" id="">
                                <h2>YIXI中国仓发货</h2>
                            </div>
                        </th>
                        <th class="cart_price">聚美价(元)</th>
                        <th class="cart_num">数量</th>
                        <th class="cart_total">小计(元)</th>
                        <th class="cart_optoon">操作</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td class="t1">
                            <div class="box">
                                <input type="checkbox" name="" id="">
                                <div class="imgbox">
                                    <img src="./images/cart/a1.jpg" alt="">
                                    <div>
                                        <a href="">韩国vidivici氨基酸女神泡沫洗面奶120ml</a>
                                        <p>容量：120ml</p>
                                    </div>
                                </div>
                            </div>
                        </td>
                        <td class="t2">
                            <p>69.00</p>
                            <span>100.00</span>
                        </td>
                        <td class="t3">
                            <div class="ipbox">
                                <button>-</button>
                                <input type="text" placeholder="1">
                                <button>+</button>
                            </div>
                        </td>
                        <td class="t4">
                            <p>69.00</p>
                            <span>省130.00</span>
                        </td>
                        <td class="t5">
                            <div>

                            </div>
                        </td>
                    </tr>
                    <tr>
                        <td colspan="5"></td>
                    </tr>
                </tbody>
                <div class="kbox"></div>
                <tfoot>
                    <tr>
                        <td class="td1">
                            <div class="all">
                                <input type="checkbox" name="" id="">
                                <span>全选</span>
                            </div>
                            <div class="ship">
                                <a href="">继续购物</a>|<a href="">清空选中商品</a>
                            </div>
                        </td>
                        <td class="td2">共<span>1</span>件商品</td>
                        <td class="td3">商品应付总金额:</td>
                        <td class="td4">&yen;69.00</td>
                        <td class="td5"><button>去结算</button></td>
                    </tr>
                    <tr class="tis">
                        <td colspan="5">
                            <div class="tisbox">
                                <div class="icon"></div>
                                <span>请在<span class="time">19分46秒</span>内去结账,并在下单后20分内完成支付[?]</span>
                            </div>
                        </td>
                    </tr>
                </tfoot>
            </table>
        </div>
        <div class="tabbox main">
            <ul>
                <li>今日备受欢迎</li>|
                <li>最近查看过</li>
            </ul>
            <ol>
                <li class="current">
                    <a href=""><img src="./images/cart/a2.jpg" alt=""></a>
                    <p><a href=""><span>3.2折/山东福克斯阿萨德卡奥斯卡你的</span></a></p>
                    <p>
                        <span>&yen;69.9</span>
                        <span>&yen;216.00</span>
                    </p>
                    <button>加入购物车</button>
                </li>
                <li>
                    <a href=""><img src="./images/cart/a3.jpg" alt=""></a>
                    <p><a href=""><span>3.0折/搜到酒叟件商品发票收到了防溺水</span></a></p>
                    <p>
                        <span>&yen;67.9</span>
                        <span>&yen;200.00</span>
                    </p>
                    <button>加入购物车</button>
                </li>
            </ol>
        </div>
    </section>
    <!-- 内容结束 -->

    <!-- 底部开始 -->
    <footer>
        <div class="content main">
            <p>© 2013 北京创锐文化传媒有限公司 Jumei.com 保留一切权利。客服热线：400-011-0888</p>
            <div class="link">
                <span>京公网安备 11010102001226</span>|
                <a href="">京ICP证111033号</a>|
                <a href="">食品流通许可证 SP1101051110165515（1-1）</a>|
                <a href="">营业执照</a>
            </div>
            <img src="./images/cart/f8.png" alt="">
        </div>
        
             
    </footer>
    <!-- 底部结束 -->
</body>

</html>